// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

.oauth-client {
  display: flex;
  gap: 10px;
  flex-direction: row;
  justify-content: space-between;
  font-size: @font-size--title-small;
  color: @osu-colour-c1;

  &__actions {
    flex: none;
    gap: 5px 10px;
    display: flex;
    align-items: stretch;
    flex-direction: column;

    @media @desktop {
      align-items: baseline;
      flex-direction: row;
    }
  }

  &__details {
    overflow-wrap: anywhere;

    &--button {
      .reset-input();
      text-align: left;
    }
  }

  &__name {
    margin-bottom: 5px;
  }

  &__redirect {
    color: @osu-colour-c2;
  }

  &__scopes {
    margin-top: 12px;
  }
}
